body {
   text-align: left;
   min-width: 800px;
}

a {
   text-decoration: none;
   outline:none;
}

body > div {
   text-align: left;
   margin: 5px 5px;
   border:1px solid #eee;
}

body > div > header > h1 {
   display: inline;
   position: absolute;
   top:10px;
   right:10px;
   padding:0px;
   margin: 0px;
   font-size: 16px;
   color:#333;
   text-shadow: 1px 1px #ccc;
}

body > div > header > h2 {
   display: inline;
   position: absolute;
   top:20px;
   right:10px;
   font-size: 13px;
   font-style: italic;
   font-weight: normal;
}
nav.template-toolbar {
   background: #F5F5F5;
   border:0px !important;
}
nav.template-toolbar a {
}
nav.template-toolbar a:hover {
   border:1px outset #ccc !important;
}
nav.template-breadcrumb {
   /***  CSS Gradient  ***/
  /*  Chrome 1-9 and Safari 4-5.0  */
  background-image: -webkit-gradient(linear, left top, left bottom,
        color-stop( 0.000, rgba(230, 229, 229, 1.000) ),
        color-stop( 0.527, rgba(204, 203, 203, 1.000) ),
        color-stop( 1.000, rgba(230, 229, 229, 1.000) ));

  /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
  background-image: -webkit-linear-gradient(top,
        rgba(230, 229, 229, 1.000), 
        rgba(204, 203, 203, 1.000) 52.7%,
        rgba(230, 229, 229, 1.000) );

  /*  Firefox 3.6+  */
  background-image: -moz-linear-gradient(top,
        rgba(230, 229, 229, 1.000), 
        rgba(204, 203, 203, 1.000) 52.7%,
        rgba(230, 229, 229, 1.000) );

  /*  IE 10+  */
  background-image: -ms-linear-gradient(top,
        rgba(230, 229, 229, 1.000), 
        rgba(204, 203, 203, 1.000) 52.7%,
        rgba(230, 229, 229, 1.000) );

  /*  Opera 11.10+  */
  background-image: -o-linear-gradient(top,
        rgba(230, 229, 229, 1.000), 
        rgba(204, 203, 203, 1.000) 52.7%,
        rgba(230, 229, 229, 1.000) );

  /*  W3C  */
  background-image: linear-gradient(top,
        rgba(230, 229, 229, 1.000), 
        rgba(204, 203, 203, 1.000) 52.7%,
        rgba(230, 229, 229, 1.000) );


  
   border:1px solid #ccc;
   border-left:0px;
   border-right: 0px;
   margin: 0px 0px 0px 0px;
   color: #000;

}

nav.template-breadcrumb a {
   border:0px;
   line-height: 35px !important;
   color: #000;
}

body > div > aside {
   width:220px;
background: #E6E5E5;


   border:0px;
   border-right: 1px solid #eee;
   /*border-radius: 10px;*/   
}

body > div > aside > p.template-box {
   margin:4px;
   margin-top:10px;
   background:#eee;
   border:1px #ccc solid !important;
}

body > div > div {
   margin-left: 250px;
   margin-top:10px;
}

#module-admin section form input, 
#module-admin section form textarea{
   margin-top: 3px;
   border:1px inset !important;
   border-radius: 5px;
}

#module-admin section form select {
   margin-top: 3px;   
   border:1px inset !important;
   height: 30px;
}

#module-admin section form input[name=title], 
#module-admin section form textarea[name=description]{
   width:80%;
}

#module-admin section form label {
   background: #333;
   padding:1px;
   border-radius: 3px;
   color:#fff !important;
}

nav.admin-action-list > ul {
   padding: 0px;
   margin: 0px;
}

nav.admin-action-list > ul > li > a {
   font-size: 14px !important;
}

nav.admin-action-list li {
   padding: 0px;
   color:#4E5B69;
   text-shadow: 1px 1px #fff;
}

nav.admin-action-list a {
   font-style: normal;
   color:#4E5B69;
   text-shadow: 1px 1px #fff;
}

nav.admin-action-list a:hover {
   background: none;
/*   color:#fff;*/
   border:0px;
}

section > header {
   background: #eee;
   padding:5px;
   border-radius: 5px;
   margin-bottom: 10px;
}

section > header > h3 {
   color:#333;
   font-size: 24px;
/*   background:#ddd;*/
   display: inline-block;
   text-shadow: 2px 2px #ccc;
   /*border:1px solid #777;*/
   font-weight: normal;
   font-family: Arial;
   text-transform: none;
}

section > header > p {
   font-size:12px;
}

section > header > p a {
}
nav > h4 {
   padding:0px;
   margin:20px 0px 0px 0px;
   text-transform: uppercase;
   font-size: 16px;
   text-shadow: 2px 2px #fff;
}

fieldset {
   border-width:0px !important;
   padding:0px !important;
   margin:0px !important;
}

#module-admin section form form {
   
}

table.template-grid {
   border:1px solid #ddd;
}

table.template-grid th {
   background: #eee;
      margin: 0px;
      border-spacing: 0px;
}

table.template-grid {
  border-collapse: collapse;
  border-spacing: 0;
}

table.template-grid td {
   padding:2px;
   border:0px;
   border: 1px solid #eee;
   margin: 0px;
   border-spacing: 0px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}

table.template-grid a {
   color:#4E5B69 !important;
   text-decoration: none !important;   
}

.template-button.ui-button.ui-widget{
     height:20px !important;
}

.template-button.ui-button.ui-widget .ui-button-text{
    padding:3px;
    font-size:12px;
}

.template-grid tr > td:first-child {
   text-align: center;
}

.template-grid tr > td:last-child {
   text-align: right;
}


caption {
   text-align: left;
   font-size: 16px;
   font-style: italic;
   font-weight: bold;
}

#admin-plus-autosave-message {
   position: fixed;
   bottom: 0px;
   left:0px;
   margin: auto;
   font-size: 10px;
   padding:3px;
}

#admin-plus-autosave-message.template-info {
      background: yellow;
      color:#000;
}

#admin-plus-autosave-message.template-error {
   background: red;
   color:#fff;
}

header > form {
   padding:0px;
   margin:0px !important;
}


  .ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    font-size: 13px;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 150px;
  }
